<script setup lang="ts">
import { siteTitle } from "@/config/settings";
</script>

<template>
	<div class="home-title">{{ siteTitle }}后台管理系统</div>
</template>

<style scoped lang="scss">
.home-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin-top: -5vh;
	font-family: cursive;
	font-size: 80px;
	font-weight: 600;
	color: transparent; /* 兼容不支持background-clip的浏览器 */
	background: -webkit-linear-gradient(45deg, red, #1890ff); /* Chrome, Safari */
	background: linear-gradient(45deg, red, #1890ff); /* 标准语法 */
	background-clip: text; /* Chrome, Safari */
	background-clip: text;
	-webkit-text-fill-color: transparent; /* Chrome, Safari */
}
</style>
